<!doctype html>
<html xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <title>汽修管理系统</title>

    <script src="/public/jquery/jquery-1.11.1.min.js"></script>
    <script src="/public/vue/vue.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <link href="/master/css/report.css" rel="stylesheet"/>
    <script src="/public/echarts/echarts.min.js" type="application/javascript"></script>
    <!--<script src="/public/elementui/1.4.1/index.js" type="application/javascript"></script>-->
    <!--<link href="/public/elementui/1.4.1/theme-default/index.css" rel="stylesheet"/>-->
    <style>
        body{margin: 0}
        #hword{line-height: 33px;margin-left: 7px;padding:20px 0 20px 20px;font-weight: bold;font-size: 14px;font-family: "宋体";color:rgb(0,0,0);background:url("/stencil/images/titleico.png")left center no-repeat;}
        .el-form-item{margin-bottom: 0}
        .el-form el-form--inline{padding: 6px 0 0 0;}
        .el-form-item__label{color:#46647e;}
        .el-input__inner{width:155px;height:30px;}
        #carPai .el-select .el-input__inner{width:60px}
        .el-scrollbar li{height:20px;line-height: 20px}
        #Carty{width:80px;}
        #second .el-form-item{margin-right: 0}
        #table-operate{padding-left:15px;height:37px;line-height:37px;border:1px solid #c1d3de;border-top:none;background:url("/stencil/images/toolbarbg.png") repeat-x;}
        .el-table .warning-row {background: oldlace;}
        .el-table .success-row {background: #f0f9eb;}
        .el-table thead{color:#606266}
    </style>
</head>
<body>
<div id="report"  style="width: 100%;height: 100%">
    <span id="hword">报表信息</span>
    <el-button size="mini" type="success" icon="el-icon-search" style="position: absolute;top:3px;right:70px;">查询</el-button>

   <!--查询表单-->
    <div>
        <el-form :inline="true" ref="form" :model="ruleForm" label-width="100px">
            <el-form-item  label="客户名称：">
                <el-input  v-model="ruleForm.name" placeholder="请输入客户名称"></el-input>
            </el-form-item>
            <el-form-item id="carPai" label="报表区间：">
                <el-col :span="11">
                    <el-form-item prop="date1">
                        <el-select placeholder="年" v-model="ruleForm.date1">
                            <el-option label="年" value="shanghai"></el-option>
                            <el-option label="月" value="shanghai"></el-option>
                            <el-option label="日" value="beijing"></el-option>
                        </el-select>
                    </el-form-item>
                </el-col>

            </el-form-item>

            <el-form-item label="时间范围：">

                        <el-date-picker
                                v-model="ruleForm.date1"
                                type="daterange"
                                range-separator="至"
                                start-placeholder="开始日期"
                                end-placeholder="结束日期">
                        </el-date-picker>

            </el-form-item>

        </el-form>
    </div>


    <!--数据展示表格-->
    <div>
        <el-row :gutter="22">
            <el-col :span="10">
                <div id="lineAndBar" style="width: 100%;height:600px;"></div>
            </el-col>
            <el-col :span="10" :offset="2">
                <div id="pie" style="width: 100%;height:600px;"></div>
            </el-col>
        </el-row>
    </div>

</div>

</body>

<script src="/master/js/report.js" type="application/javascript"></script>
</html>